<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提交订单</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/submit.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
						<div class="main-c">
							<div class="main-top">
								<div class="top-line">
									<span class="line-name name-1 is-on">购物车</span>
									<span class="line-name name-2 is-on">确认订单</span>
									<span class="line-name name-3 is-on">完成支付</span>
									<div class="red-line line-step1"></div>
									<div class="red-line line-step2"></div>
									<div class="red-line line-step3"></div>
									<span class="line-circular name-1 active">1</span>
									<span class="line-circular name-2 active">2</span>
									<span class="line-circular name-3 active">3</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!--内容-->
			<div class="content">
				<div class="cashiner-box">
					<div class="message-title">
						<span>收银台</span>
					</div>
					<div class="cashiner-content-box">
						<div class="cashiner-content">
							<div class="title-text">
								<p>订单提交成功，请您尽快付款！订单号：241858848rew5464545（某某某自营店）   1874845244gfhdrfw48565846（某某某自营店）</p>
								<p>请您在订单提交后72小时内完成支付，否则订单会自动取消</p>
							</div>
							<form action="#">
								<div class="zub">
									<input type="radio" name="zub" id="zub" checked/>
									<label for="zub">
										<img src="img/zub.png"/>
									</label>
								</div>
								<div class="zub">
									<input type="radio" name="zub" id="weixin"/>
									<label for="weixin">
										<img src="img/weixin.png"/>
									</label>
								</div>
								<div class="zub">
									<input type="radio" name="zub" id="yinlian"/>
									<label for="yinlian">
										<img src="img/yinlian.png"/>
									</label>
								</div>
							</form>
						</div>
					</div>
					<div class="affirm">
							<span>应付金额：<span class="money">¥750.00</span>元</span>
							<a href="details.html">确认支付</a>
					</div>
				</div>
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
